$(function () {
    $("#link_reg").on('click', function () {
        $('.login-box').hide()
        $('.reg-box').show()
    })


    // 给登录
    $('#link_login').on('click', function () {
        $('.login-box').show()
        $('.reg-box').hide()
    })

    /* 从layui中获取 */
    var form = layui.form
    // 通过form.verify()
    form.verify({
        // pwd: [/^\S*(?=\S{6,12})(?=\S*\d)(?=\S*[A-Z])(?=\S*[a-z])(?=\S*[!@#$%^&*? ])\S*$/, '密码必须6到12位，且不能出现空格']
        pwd: [
            /^[\S]{6,12}$/, '密码必须6到12位，且不能出现空格'
        ],
        repwd: function (value) {
            var pwd = $('.reg-box [name = password]').val()
            if (pwd !== value) {
                return '2次输入密码不一致'
            }
        }
    })

    // 获取到  layer 内置模块
    var layer = layui.layer
    // 这是给注册
    $('#form_reg').on('submit', function (e) { //给注册绑定监听事件
        e.preventDefault() //阻止默认提交
        var age = $('#form_reg [name=username]').val() //获取表单里面的value值
        var agee = $('#form_reg [name=password]').val()

        $.ajax({ //发起请求
            type: "post",
            url: "/api/reguser",
            data: {
                username: age, //传的数据
                password: agee
            },
            success: function (res) {
                if (res.status !== 0) {
                    return layer.msg(res.message)
                }
                layer.msg('注册成功，请登录！')
                // 模拟的点击行为，自动跳转
                $('#link_login').click()
            }
        })
    })
    // 给登录注册
    $('#form_login').on('submit', function (e) {
        e.preventDefault()
        $.ajax({
            type: "post",
            url: "/api/login",
            data: $(this).serialize(), //快速获取表单里面的数据
            success: function (res) {
                if (res.status !== 0) {
                    return layer.msg('少年登录失败！')
                }
                layer.msg('恭喜你，你已经上了第一步')

                // 将登录成功得到的 token 字符串，保存到 localStorage 中
                localStorage.setItem('token', res.token)
                // 跳转到后台主页
                location.href = 'index.html'
            }
        })
    })

})